<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="letter_view" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>쪽지 보기 </h2>
            <!--right  btn-->
            <div class="top_right">
                <a href="letter.html" data-direction="reverse" data-transition="slide" class="ico_btn btn11">닫기</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <div class="content-primary input_letter">
            <ul>
                <!--발송일-->
                <li>                
                    <label id="letter_view_titleName">보낸사람</label>
                    <div class="input_cont"><p>
                        <!--<span class="f_b">홀인원 하는 날</span> 
                        <span class="state_ing">동호회</span> -->
                        <span class="nick" id="letter_view_nick" >타이거우즈 </span> 
                    </p></div>
                </li>
                
                <!--수신등급-->
                <li class="no_bd">                
                    <label id="letter_write_dTitle">수신일</label>
                    <div class="input_cont"><p id="letter_view_date">2012.03.31 15:30</p></div>
                </li>
                
                <!--내용-->
                <li class="no_bd">  
                    <div class="input_letter_textarea" id="letter_view_txt"> 발송된 쪽지 내용이 노출됩니다. 발송된 쪽지 내용이 노출됩니다. 발송된 쪽지 내용이 노출됩니다. 발송된 쪽지 내용이 노출됩니다. 발송된 쪽지 내용이 노출됩니다. 발송된 쪽지 내용이 노출됩니다.  </div>
                </li>
            </ul>
        </div><!-- // class="content-primary" 끝  -->
        
        <ul class="ul02">
            <li>읽은 쪽지는 30일 후에 자동으로 삭제됩니다.</li>
            <li>읽지 않은 카페 단체 쪽지는 3개월 후 자동 삭제됩니다.</li>
        </ul>
        
        <!--btn   data-role="controlgroup"  data-type="horizontal"-->
		<div class="btn_col"  data-role="controlgroup"  data-type="horizontal" >
            <a id="answer_letter_view" href="letter_write.html" data-role="button" data-theme="a" data-transition="slide">답장</a>
            <a id="save_letter_view" data-theme="b" data-role="button">보관</a>
            <a id="delete_letter_view" data-theme="d" data-role="button">삭제</a>
        </div>
    </section><!-- // content --> 
    
</section><!-- // page -->
</body>
</html>
